@import '../_config.scss';

.password-reset-new{
  .new-form
  {
      position: absolute;
      top: 30%;
      left: 50%;

      width: 350px;
      margin-top: -100px;
      margin-left: -175px;
      padding: 20px;

      box-shadow: 0 0 10px 3px $color-bg;
      .form-header
      {
          display: flex;

          margin-top: 10px;

          flex-flow: row wrap;

          h3{
                margin: 0 auto;
          }
          div
          {
              font-size: 1.6rem;

              margin: 10px 0;
              padding: 0 10px;

              flex: 1;
              a
              {
                  text-decoration: none;
                  &,
                  &:focus,
                  &:active,
                  {
                      color: $color-bg;
                  }
                  &:hover,
                  &.active
                  {
                      color: $color-black;
                  }
              }
              &:first-child
              {
                  text-align: right;

                  border-right: 1px solid $color-border;
              }
              &:last-child
              {
                  text-align: left;
              }
          }
      }
      .form-content
      {
          .error {
              color: red;
              display: none;
          }
          .form-messages {
            display: block;
            margin: 10px;
          }
          .form-group {
            position: relative;
            .input-icon{
              position: absolute;
              margin: 13px;
              color: $color-gray;
            }
            input{
              padding-left: 40px;
              margin-bottom: 10px;
            }
          }

          .btn-send-sms{
              padding: 10px 12px;
          }

          .form-links
          {
              margin-bottom: 35px;

              text-align: center;
              a
              {
                  &,
                  &:hover,
                  &:focus,
                  &:active
                  {
                      padding-right: 10px;
                      padding-left: 10px;

                      // color: $color-private;
                      color: $color-gray;
                  }
                  &:first-child
                  {
                      border-right: 1px solid $color-border;
                  }
              }
          }
          h5
          {
              font-size: 1.4rem;

              position: relative;

              margin: 0 0 20px;

              text-align: center;

              color: #b5b5b5;
              &:before,
              &:after
              {
                  position: absolute;
                  top: 6px;

                  display: block;

                  width: 100px;

                  content: '';

                  border-top: 1px solid $color-border;
              }
              &:after
              {
                  right: 0px;
              }
          }
          .other-sign-way{
            text-align: center;
            a{
                padding: 5px;
                color: $color-private;
            }
          }
          .checkbox-inline{
            color: $color-gray;
          }
      }
  }
}
